// let nav=document.querySelector('#nav');
let nav_el="";
fetch("http://chst.vip:1234/api/getindexmenu")
.then(body=>body.json())
.then(res=>{
    // console.log(res)
    res.result.forEach(item=>{
        let regExp = /^<[^<]+\s+src="([^''""]*)"/;
        let r=item.img.match(regExp);
        // console.log(r)
        //a标签的titleid=0传入白菜价页面的第一次请求
        nav_el+=`
        <div>
        <a href="./pages/${item.titlehref}?titleid=0"><span>
        <img height="50" width="50" src="http://chst.vip:8081/for-stu/wfzh/${r[1]}" alt="">
        </span>
        </a>
        <p>${item.name}</p>
        </div>`
    })
    
    $('#nav').html(nav_el);
    //卷帘
    $('#nav div:eq(7) a').attr('href','#')
    
})

//卷帘
$('#nav').on('click','img',function (e) {
    // console.log($(this))    
    let flag=$('#nav div:eq(11)').prop('flag')
    console.log(flag)
    if(flag){
        // console.log(flag)
        $('#nav div:eq(8)').slideDown(0).prop('flag',false)
    $('#nav div:eq(9)').slideDown(0).prop('flag',false)
    $('#nav div:eq(10)').slideDown(0).prop('flag',false)
        $('#nav div:eq(11)').slideDown(0).prop('flag',false)
        console.log(flag)
        return
    }
    // console.log(flag)
    $('#nav div:eq(8)').slideUp(0).prop('flag',true)
    $('#nav div:eq(9)').slideUp(0).prop('flag',true)
    $('#nav div:eq(10)').slideUp(0).prop('flag',true)
    $('#nav div:eq(11)').slideUp(0).prop('flag',true)
})

